<template>
	<view class="container service_main gray_bg">
		<view v-for="item in iconList" :key="item.id">
		  <tm-sheet :margin="[20]" :round="3" :shadow="2">
			<block-title :content="item.name" :styleObj="{padding: '0 0 10px'}"></block-title>
			<icon-section :iconList="item.menu_list"></icon-section>
		  </tm-sheet>
		</view>
		<tabbar :currentVal="1"></tabbar>
	</view>
</template>

<script lang="ts" setup>
	import { ref, watch, reactive } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	import {getService} from '@/api_request/api'
	import tabbar from "@/components/tab-bar/tab-bar.vue";
	const iconList = ref<any>([])
	
	

	onLoad(async () => {
		const {data} = await getService({menu_nav: 'service'})
    // 处理数据
    console.log('jp=======data',data)
    iconList.value = data
	})
	
</script>

<style lang="scss" scoped>
	.service_main{
		
	}

</style>
